@charset "utf-8";

@import "common/common";

.web{
    section{
        width: 100%;
        position: absolute;
        top: r(97px);
        bottom: r(114px);
//      background: skyblue;
        -webkit-overflow-scrolling: touch;
        overflow: scroll;
        /**轮播图**/
        .banner{
            width: 100%;
            height: r(357px);
        }
        /***加载更多**/
        .con_bottom{
            height: r(60px);
            font-size:r(22px);
            color: #bbbbbb;
            text-align: center;
            line-height: r(60px);
            span{
                vertical-align: middle;
            }
        }
        ul{
            padding-left: r(30px);
            padding-right: r(29px);
            li{
                padding-top: r(20px);
                padding-bottom: r(16px);
                border-bottom: 1px solid #e2e2e2;
                &.border{
                    border-bottom: none;
                }
                &::after{
                    content: "";
                    display: block;
                    clear: both;
                }
                .title_wrap{
                    width: r(373px);
                    padding-right: r(42px);
                    h2{
                        font-size: r(25px);
                        color: #323232;
                        margin-bottom: r(20px);
                    }
                    .news_info{
                       line-height: 100%;
                    }
                    .p_left{
                        font-size: r(18px);
                        color: #c5c5c5; 
                        vertical-align: middle;
                        a{
                            color: #c5c5c5;
                            i{
                                font-size: r(19px);
                            } 
                        }  
                    }
                    .p_r{
                        font-size: r(20px);
                        color: #c5c5c5; 
                        vertical-align: middle;
                        span{
                            font-size: r(22px);
                        }
                    }
                }
                .img_wrap{
                    width: r(208px);
                    img{
                        width: 100%;
                    }
                }
            }
        }
        //
        ul:nth-of-type(2){
            padding-left: r(30px);
            padding-right: r(29px);
            border-top: r(26px) solid #f5f5f5;
            li{
                padding-top: r(20px);
                padding-bottom: r(16px);
                &:nth-of-type(1),&:nth-of-type(3),&:nth-of-type(4){
                    border-bottom:none;
                }
                i{
                    font-size: r(19px);
                    color: #c5c5c5;
                }
                &.case_infor{
                    font-size: 0;
                    h2{
                        font-size: r(25px);
                        color: #323232;
                        margin-bottom: r(18px);
                    }
                }
                .case_img{
                    display: inline-block;
                    width: calc(100%/3);
                    height: r(118px);
                    @include imgoverflow;
                    padding-left: r(10px);
                    &:first-of-type{
                        padding-left:0px;
                    }
                }
                /**案例观点信息**/
               .case_bot{
                   width: 100%;
                   margin-top: r(18px);
//                 margin-bottom: r(40px);
                   .left{
                       color: #c5c5c5;
                      .touxiang{
                          display: inline-block;
                          width: r(27px);
                          @include imgoverflow;
                          vertical-align: middle;
                          margin-right: r(5px);
                      } 
                      span{
                          font-size: r(20px);
                          vertical-align: middle;
                      }
                      a{
                          font-size: r(16px);
                          vertical-align: middle;
                          margin-left: r(16px);
                          color: #c5c5c5;
                          i{
                              font-size: r(19px);
                              color: #c5c5c5;
//                            vertical-align: middle;
                           }
                           &:first-of-type{
                               i{
                                   font-size: r(19px);
                                   display: inline-block;
                                   padding-right: 2px;
                               }
                           }
                      }
                   }
                   .right{
                       display: inline-block;
                       .p_r{
                           color: #c5c5c5;
                            font-size:r(20px);
                            span{
                                font-size: r(22px);
                            }
                       }
                   }
               }
            }
        }
    }
}

